<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>评价完成</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<!--定义样式-->
		<link rel="stylesheet" type="text/css" href="../css/self_help_order.css" />
		<link rel="stylesheet" type="text/css" href="../css/order.css"/>
		<style>
			.comment_penjian input{width: 28.33%;margin: 0 6px;margin-bottom: 20px !important;padding: 6px 0!important;}
			
			.chose{padding: 11px 15px;background: white;overflow: hidden;}
			.chose button{border: 1px solid #AAAAAA; color: #666666;width: 30.33%;margin-right: 5px;margin-bottom: 15px!important;padding: 6px 0;}						
			.back-orange {border: 1px solid #ff9f37!important;color: #ff9f37!important;}
		</style>
		</head>
		<body class="bg_white">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
				<h1 class="mui-title color3">评价完成</h1> 
			</header>
			<div class="mui-content bg_white">	
		        <div class="p_tb11_lr15">
					<div class="mui-clearfix p_tb10 pos_re">
						<a class="mui-pull-left">
							<!--<p class="user_pic b1 circle60"></p>--><!--没有图片的时候显示-->
							<img src="../public/images/user2.jpg" class="circle60 b1"/>
						</a>
						<div class="mui-pull-left p_l10">
							<div class='store-star'>
								<span>赵师傅</span>
								<div class='star-outer'>
									<div class='star-inner' data-level='4'></div>
								</div>
							</div>
							<p class="color3 m_t16">手机号：<span id="phone_num">12345678900</span></p>
						</div>
						<button id="call_btn" disabled class="color3">
							<i class="iconfont mui-icon font36 icon-service-phone"></i>							
						</button>	
					</div>
					<div class="_appraise-star" id="j_appraise_star">
						<input type="hidden" class="appraise-level" />
						<span class="star iconfont icon-11" data-level="1"></span>
						<span class="star iconfont icon-11" data-level="2"></span>
						<span class="star iconfont icon-11" data-level="3"></span>
						<span class="star iconfont icon-11" data-level="4"></span>
						<span class="star iconfont icon-11" data-level="5"></span>
					</div>
					<div class="chose">	
						<button type="button" class="mui-btn">驾驶平稳</button>
						<button type="button" class="mui-btn">服务态度好</button>
						<button type="button" class="mui-btn">路线熟悉赞</button>
						<button type="button" class="mui-btn">非常有礼貌</button>
					</div>
					<textarea class="m_t10 font14" name="" rows="6" cols="" placeholder="司机技术不错，路线很熟，非常有礼貌，赞一个。"></textarea>
					<div class="p_tb11_lr15">
						<button type="button" class="mui-btn mui-btn-green bg_green btn-green w100 p_tb14 font18 bg_P b_r8">确定</button>
					</div>
				</div>									    
			</div>
		</body>
		<!-- Mui core JavaScript-->
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/appconfig.js"></script>
		<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript">
			//评价标签
			$(".chose button").each(function(i){
	            var $this = $(this);
	            $this.on('tap',function(){
	            	$this.toggleClass('back-orange');
	            //    $(".chose button").removeClass('back-orange');
	            //    $this.addClass('back-orange');
	            });
	        });
			tool.setLevel($("#j_appraise_star"));//给星星绑定点击事件
			tool.calculateStarWidth(); //计算等级星星的宽度		
		</script>
</html>